.login.blue {
    width: 100%;
    height: 100%;
    background: #0156ff;
    color: #333;
    overflow: hidden;
  }
  .login.red {
    width: 100%;
    height: 100%;
    background: #f78989;
    color: #333;
    overflow: hidden;
  }
 
  .login-form {
    position: relative;
    width: 30vw;
    margin: auto;
    margin-top: 10vw;
    background: #fff;
    border-radius: 20px;
    padding: 30px 0;
    color: #333;
    height: 400px;
    padding-bottom: 80px;
    padding-right: 20px;
    padding-left: 20px;
  }
  .title {
    margin: 0px auto 30px auto;
    text-align: center;
    color: #333;
    font-size: 1.8vw;
  }
  .el-button--primary,.el-button--danger {
    font-size: 1vw;
  }
  .submitBtn {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 25vw !important;
  }


  ::v-deep .el-input {
    width: 18vw;
  }
  ::v-deep .el-upload-list--picture .el-upload-list__item-name {
    display: none;
  }
  ::v-deep .el-upload-list--picture .el-upload-list__item {
    height: 60px;
    padding: 0;
    border-radius: 50%;
  }
  ::v-deep .el-upload-list--picture .el-upload-list__item-thumbnail {
    margin-left: 0;
  }
  .close {
    float: right;
    margin-right:30px;
    margin-top:-10px;
    cursor: pointer;
  }

  ::v-deep .el-form-item__content {
    margin-bottom: 20px;
  }
  ::v-deep .el-form-item__label {
    font-size: 16px;
  }



::v-deep .el-upload {
  position: absolute;
  left: 100px;
  top: 10px;
}



::v-deep .el-form-item__content {
  display: flex;
}



::v-deep .el-upload-list {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.el-upload-list--picture .el-upload-list__item-thumbnail {
  width: 60px;
  height: 60px;
}


::v-deep
.el-form-item.is-required:not(.is-no-asterisk)
.el-form-item__label-wrap
> .el-form-item__label:before,
::v-deep
.el-form-item.is-required:not(.is-no-asterisk)
> .el-form-item__label:before {
content: "";
}